<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>温湿度监测</title>
</head>
<body>
  <h1>温湿度监测</h1>
  <p>
    目前温度：<span id="temperature"></span><br>
    目前湿度：<span id="humidity"></span>
  </p>

  <script type="text/javascript">
    // 每 5 秒更新一次温度湿度数据
    setInterval(function() {
      // 模拟获取蓝牙设备数据
      var data = {
        temperature: Math.random() * 10 + 20,
        humidity: Math.random() * 20 + 40
      };
      // 更新温度和湿度显示
      document.getElementById("temperature").innerHTML = data.temperature.toFixed(1) + "°C";
      document.getElementById("humidity").innerHTML = data.humidity.toFixed(1) + "%";
    }, 2000);
  </script>
</body>
</html>
